<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
 <head>
  <meta http-equiv="Content-type" content="text/html;charset=UTF-8" />
  <link  rel="stylesheet" type="text/css" href="styles/main.css" />
 <meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
 <script type="text/javascript" src="scripts/main.js"></script>
 <script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>
  <title>Expo Online</title>
 </head>
 <body onload="javascript:init();">
 <div id="mainFrame">
  <div class="header">
  <h1>Expositions Online</h1>
  <ul class="siteMap">
    <li><a href="index.php">Home</a></li>
  </ul>
  </div>
 <div class="logIn">
  	<ul>
		<li><a href="login.php">Log in</a></li>
        <li><a href="login.php">Sign Up</a></li>
    </ul>
  </div> 
  
<?php include("functions/conn.php");  ?>

<ul>
    <li onClick="showDiv('mostviewed')">Most Viewed</li>
	<li onClick="showDiv('map')">Map</li>
    <li onClick="showDiv('timeline')">TimeLine</li>
    <li onClick="showDiv('viewedbyme')">Viewed by Me</li>
    <li onClick="showDiv('favorites')">Favorites</li>
</ul>

<div id="objectCanvas" >
    <div id="mostviewed">
          <div id="mostViewed1" style="width:600px; height:400px;">
          <?php $request=mysql_query("select * from expositions;",$connexion);
          $nb=mysql_num_rows($request);
          if ($nb!=0)
          while ($ligne=mysql_fetch_array($request) ){?>
          <h4><?php echo($ligne['title']) ?></h4>
          <a href="exposition.php?id=<?php echo($ligne['Id_exposition']) ?>">
            <img src="assets/<?php echo($ligne['img']) ?>" alt="<?php echo($ligne['title']) ?>" style="width:100px; height:100px; float:left;"/>
          </a>
          <?php } ?>
        </div>
    </div>
    
    <div id="map" style="width:600px; height:400px;">
       <div id="map_canvas" style="width:100%; height:100%"></div>
    </div>
    
    <div id="timeline">
    	<div class="dipity_embed" style="width:600px"><iframe width="600" height="400" src="http://www.dipity.com/FewDexter/personal/embed_tl?" style="border:1px solid #CCC;"></iframe><p style="margin:0;font-family:Arial,sans;font-size:13px;text-align:center">
        <a href="http://www.dipity.com/FewDexter/personal">Gerardo M.</a> on 
        <a href="http://www.dipity.com/" />Dipity</a>.</p>
        </div>
    </div>
    
    <div id="viewedbyme">
              <?php $request=mysql_query("select * from expositions;",$connexion);
          $nb=mysql_num_rows($request);
          if ($nb!=0)
          while ($ligne=mysql_fetch_array($request) ){?>
          <h4><?php echo($ligne['title']) ?></h4>
          <a href="exposition.php?id=<?php echo($ligne['Id_exposition']) ?>">
            <img src="assets/<?php echo($ligne['img']) ?>" alt="<?php echo($ligne['title']) ?>" style="width:100px; height:100px; float:left;"/>
          </a>
          <?php } ?>
    </div>
    
    <div id="favorites">
              <?php $request=mysql_query("select * from expositions;",$connexion);
          $nb=mysql_num_rows($request);
          if ($nb!=0)
          while ($ligne=mysql_fetch_array($request) ){?>
          <h4><?php echo($ligne['title']) ?></h4>
          <a href="exposition.php?id=<?php echo($ligne['Id_exposition']) ?>">
            <img src="assets/<?php echo($ligne['img']) ?>" alt="<?php echo($ligne['title']) ?>" style="width:100px; height:100px; float:left;"/>
          </a>
          <?php } ?>
    </div>
</div>

<a href="#">Resume visit</a>

<?php include("functions/foot.php") ?>